<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="root" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>闲情偶寄</title>
<jsp:include page="../common/head.jsp" flush="true" />
<script type="text/javascript">
	$(function() {
		var colors = [ "#ff8f59", "#ffdc35", "#b7ff4a", "#7373b9", "#5c5cad" ];
	})
</script>
</head>

<body>
	<jsp:include page="../common/left.jsp" flush="true" />
	<div class="right">
		<jsp:include page="../common/header.jsp" flush="true" />
		<header class="content-header">
			<div class="content-header-container"></div>
		</header>
		<div class="main">
			<div class="detail">
				<h2 class="detail-name">${articleInformation.article.title }</h2>
				<div class="article-time">
					<span class="time">${articleInformation.time }</span>&nbsp;
					<a href="${root }/category?categoryId=${articleInformation.category.id }" class="title">${articleInformation.category.name }</a>
				</div>

				<div class="article-content">${articleInformation.article.content}</div>
				<div class="detail-remark">
					<div class="update-time">最后更新时间：${articleInformation.updateTime }</div>
					<div>
						转载请注明出处:
						<a style="letter-spacing: normal;">${url }</a>
					</div>
				</div>
				<div class="tags" style="padding-left: 0;">
					<ul style="margin-bottom: 0;position:relative;bottom: -10px;">
						<c:forEach var="tag" items="${articleInformation.tags }">
							<li><a class="tag" href="${root }/tag?tagId=${tag.id}">${tag.name}</a></li>
						</c:forEach>

					</ul>
				</div>
			</div>
			<div class="link">
				<c:if test="${!empty prevArticle}">
					<span class="prev-article">
						<a href="${root }/article/read/${prevArticle.id }" class="article-name">&lt;${prevArticle.title }</a>
					</span>
				</c:if>
				<c:if test="${!empty nextArticle}">
					<span class="next-article">
						<a href="${root }/article/read/${nextArticle.id }"  class="article-name">${nextArticle.title } &gt;</a>
					</span>
				</c:if>
			</div>
			<div style="clear:left;"></div>
		</div>

		<jsp:include page="../common/footer.jsp" flush="true" />

	</div>
	<a id="gotop" href="javascript:pageScroll()">
		<span class="glyphicon glyphicon-chevron-up"></span>
	</a>
</body>

</html>